
<template>
  <div class="help-item">
      <div @click="linkTo(item.id)" v-for="(item,index) in dataArr" :key="index" class="help-list">
       
        <div class="date">{{item.replyTime}}</div>
        <div class="content-wrap">
           <div v-if="item.userIsRead == 'n'" class="dot"></div>
          <div class="text-wrap">{{item.title}}</div>   
        </div>
      </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      dataArr:[]
    };
  },
  mounted() {
    
    this.findEsPlatformById()
  },
  created() {
    
  },
  methods: {
    findEsPlatformById() {
      let url = this.$CONSTANT.MY.findByUserPage+'?sessionId='+this.$common.getCookie("sessionId");
      let param = {
        pageIndex:1,
        pageSize:10000
      };
      // this.$vux.loading.show({
      //   text: '正在获取数据'
      // })
      this.$common.post(url, param, res => {
        this.dataArr = res.data.bussData
      });
    },
    linkTo(id){
      this.$router.push({
        path:'replyInfo',
        query:{
          id:id
        }
      })
    }
  },
  components: {
    
  }
};
</script>

<style lang="less">
.help-item{
  .help-list{
   
    .dot{
      position: absolute;
      right: 5px;
      top: 5px;
      width:8px;
      height:8px;
      background:rgba(238,60,74,1);
      border-radius:50%;
    }
    .date{
      text-align: center;
      font-size:13px;
      font-family:PingFang SC;
      font-weight:400;
      color:rgba(179,179,179,1);
      height: 37.5px;
      line-height: 37.5px;
    }
    .content-wrap{
      position: relative;
      width:329px;
      height:36.5px;
      margin:  0 auto;
      background:rgba(255,255,255,1);
      border-radius:5px;
      font-size:14px;
      font-family:PingFang SC;
      font-weight:500;
      color:rgba(128,128,128,1);
      text-align: left;
      padding:15px 13px 20px;

      .text-wrap{
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
      }
    }
  }
}
</style>
